<!DOCTYPE html>
<html>
<head>
    <title>
        用户登录
    </title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="res/melon/bootstrap/css/bootstrap.min.css"
          type="text/css">
    <link rel="stylesheet" href="res/melon/assets/css/main.css" type="text/css">
    <link rel="stylesheet" href="res/melon/assets/css/plugins.css" type="text/css">
    <link rel="stylesheet" href="res/melon/assets/css/responsive.css" type="text/css">
    <link rel="stylesheet" href="res/melon/assets/css/icons.css" type="text/css">
    <link rel="stylesheet" href="res/melon/assets/css/login.css" type="text/css">
    <link rel="stylesheet"
          href="res/melon/assets/css/fontawesome/font-awesome.min.css"
          type="text/css">
    <link rel="stylesheet" href="res/css/plat8.css" type="text/css">
    <script src="res/jquery-1.10.2.min.js"></script>
    <script src="res/melon/bootstrap/js/bootstrap.min.js"></script>
    <script src="res/melon/assets/js/libs/lodash.compat.min.js"></script>
    <script src="res/melon/plugins/uniform/jquery.uniform.min.js"></script>
    <script src="res/melon/plugins/validation/jquery.validate.min.js"></script>
    <script src="res/melon/plugins/nprogress/nprogress.js"></script>
    <script src="res/melon/assets/js/login.js"></script>


    <script>$(document).ready(function () {
        Login.init()
    });</script>

</head>
<body class="login">


<div class="logo"><img src="res/melon/assets/img/logo.png" alt="logo">
    <strong>8</strong>PLAT
</div>


<div class="box">
    <div class="content">
        <form class="form-vertical"  method="post" novalidate="novalidate"  wicket:id="loginForm">

            <h3
                class="form-title">请登录</h3>

            <div  wicket:id="errors" ><i class="icon-remove close"
                                                                              data-dismiss="alert"></i>
            </div>
            <div class="form-group">
                <div class="input-icon"><i class="icon-user"></i> <input type="text" name="username"
                                                                         class="form-control" placeholder="用户名"
                                                                         autofocus="autofocus" data-rule-required="true"
                                                                         data-msg-required="Please enter your username." wicket:id="username">
                </div>
            </div>
            <div class="form-group">
                <div class="input-icon"><i class="icon-lock"></i> <input type="password" name="password"
                                                                         class="form-control" placeholder="密码"
                                                                         data-rule-required="true"
                                                                         data-msg-required="Please enter your password."  wicket:id="password">
                </div>
            </div>
            <div class="form-actions"><label class="checkbox pull-left">
                <div class="checker"><span><input type="checkbox" class="uniform" name="remember"></span></div>
                记住密码</label>
                <button type="submit" class="submit btn btn-primary pull-right"  wicket:id="loginButton">登录 <i
                        class="icon-angle-right"></i></button>
            </div>
        </form>
        <!--<form class="form-vertical register-form" action="index.html" method="post" style="display: none;"-->
              <!--novalidate="novalidate"><h3 class="form-title">Sign Up for Free</h3>-->

            <!--<div class="form-group">-->
                <!--<div class="input-icon"><i class="icon-user"></i> <input type="text" name="username"-->
                                                                         <!--class="form-control" placeholder="Username"-->
                                                                         <!--autofocus="autofocus"-->
                                                                         <!--data-rule-required="true"></div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<div class="input-icon"><i class="icon-lock"></i> <input type="password" name="password"-->
                                                                         <!--class="form-control" placeholder="Password"-->
                                                                         <!--id="register_password"-->
                                                                         <!--data-rule-required="true"></div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<div class="input-icon"><i class="icon-ok"></i> <input type="password" name="password_confirm"-->
                                                                       <!--class="form-control"-->
                                                                       <!--placeholder="Confirm Password"-->
                                                                       <!--data-rule-required="true"-->
                                                                       <!--data-rule-equalto="#register_password"></div>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<div class="input-icon"><i class="icon-envelope"></i> <input type="text" name="Email"-->
                                                                             <!--class="form-control"-->
                                                                             <!--placeholder="Email address"-->
                                                                             <!--data-rule-required="true"-->
                                                                             <!--data-rule-email="true"></div>-->
            <!--</div>-->
            <!--<div class="form-group spacing-top"><label class="checkbox">-->
                <!--<div class="checker"><span><input type="checkbox" class="uniform" name="remember"-->
                                                  <!--data-rule-required="true"-->
                                                  <!--data-msg-required="Please accept ToS first."></span></div>-->
                <!--I agree to the <a href="javascript:void(0);">Terms of Service</a></label> <label for="remember"-->
                                                                                                 <!--class="has-error help-block"-->
                                                                                                 <!--generated="true"-->
                                                                                                 <!--style="display:none;"></label>-->
            <!--</div>-->
            <!--<div class="form-actions">-->
                <!--<button type="button" class="back btn btn-default pull-left"><i class="icon-angle-left"></i> Back-->
                <!--</button>-->
                <!--<button type="submit" class="submit btn btn-primary pull-right"> Sign Up <i-->
                        <!--class="icon-angle-right"></i></button>-->
            <!--</div>-->
        <!--</form>-->
    </div>
    <!--<div class="inner-box">-->
        <!--<div class="content"><i class="icon-remove close hide-default"></i> <a href="#" class="forgot-password-link">忘记密码?</a>-->

            <!--<form class="form-vertical forgot-password-form hide-default" action="login.html" method="post"-->
                  <!--novalidate="novalidate"  >-->
                <!--<div class="form-group">-->
                    <!--<div class="input-icon"><i class="icon-envelope"></i> <input type="text" name="email"-->
                                                                                 <!--class="form-control"-->
                                                                                 <!--placeholder="Enter email address"-->
                                                                                 <!--data-rule-required="true"-->
                                                                                 <!--data-rule-email="true"-->
                                                                                 <!--data-msg-required="Please enter your email.">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<button type="submit" class="submit btn btn-default btn-block" > Reset your Password</button>-->
            <!--</form>-->
            <!--<div class="forgot-password-done hide-default"><i class="icon-ok success-icon"></i> <span>Great. We have sent you an email.</span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
</div>

<!--<div class="container">-->
    <!--<div class="form-signin">-->
        <!--<form role="form" wicket:id="loginForm">-->
            <!--<span wicket:id="errors"/>-->

            <!--<h2 class="form-signin-heading">请登录</h2>-->

            <!--&lt;!&ndash;<div class="input-control text" data-role="input-control">&ndash;&gt;-->
                <!--&lt;!&ndash;<input type="text" placeholder="User Name" wicket:id="username">&ndash;&gt;-->
                <!--&lt;!&ndash;<button class="btn-clear" tabindex="-1" type="button"></button>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->

            <!--&lt;!&ndash;<div class="input-control password" data-role="input-control">&ndash;&gt;-->
                <!--&lt;!&ndash;<input type="password" placeholder="Password" autofocus="" wicket:id="password">&ndash;&gt;-->
                <!--&lt;!&ndash;<button class="btn-reveal" tabindex="-1" type="button"></button>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<div class="input-control checkbox" data-role="input-control">-->
                <!--<label>-->
                    <!--<input type="checkbox" checked="">-->
                    <!--<span class="check"></span>-->
                    <!--记住我-->
                <!--</label>-->
            <!--</div>-->
            <!--<br/>-->
            <!--<button class="button primary" type="submit" wicket:id="loginButton">登 录</button>-->
        <!--</form>-->
    <!--</div>-->
<!--</div>-->
</body>
</html>